草庐IT

HTML 实例

全部标签

javascript - typescript 介意对象文字中实例化的顺序吗?

我使用的是最新的Typescript版本:2.6.2。我遇到了一个奇怪的情况,如果我执行foo({a:1,b:2})-事情不起作用,而如果我执行:foo({b:2,a:1})-它们确实有效。我有一个通用类,一个具有2个属性和一个函数的接口(interface)。代码如下:classMyClass{value:T;next(value:T):void{}}exportenumStateKey{backlogItems='backlogItems'}exportinterfaceState{backlogItems:number[];[key:string]:any}classA{priv

javascript - CORS 请求在本地打开的 html 文件中被阻止

我已经开始编写一个用JavaScript显示数据的HTML文件。因为它应该尽可能简单地完成我不想运行nodejsoder任何其他本地http服务器。我刚刚在浏览器中打开了HTML文件(url是file:///home/visu/index.htm)。一切都很好,直到在index.htm中完成对在线API的jqueryajax请求。浏览器通过消息阻止请求:Cross-OriginRequestBlocked:TheSameOriginPolicydisallowsreadingtheremoteresourceathttp://x.x.x.x.(Reason:CORSheader‘Acc

javascript - 检测用户何时到达 html 页面中只读文本区域的末尾

我需要检测用户何时到达html页面中readonlytextarea的末尾。文本区域将显示一个很长的应用程序日志。日志文件太大,一次加载所有文本是不可能的(有些日志文件几乎有200MB)。所以我将加载第一行,比如说,1000行,然后我需要检测用户何时接近加载文本的最后一行,以通过ajax调用为他提供接下来的n行。检测此事件的最佳方法是什么? 最佳答案 您应该将textarea.scrollHeight与textarea.scrollTop进行比较-它们越接近,您就越接近文本区域的末尾。

javascript - 类的实例可以在 JavaScript 中替换自身吗?

我在全局范围内有一个变量,它被分配了一个这样的类的实例:window.someInstance=newMyClass();稍后,我需要用一个新实例替换该变量,但是从类本身的方法中执行此操作是否可能/可接受?例如:functionMyClass(){this.myClassMethod=function(){window.someInstance=newMyClass();};}window.someInstance=newMyClass();window.someInstance.myClassMethod.call();我知道这是一个奇怪的场景,但它运行得很干净,我只是不确定这是否会

javascript - 将 HTML 返回给 AJAX Rails 调用

读完DavidHeinemeierHansson的blogpost关于服务器生成的javascript我决定回顾一下我在Rails应用程序中进行AJAX调用的方法。大卫的建议是创建一个.js.erb模板,它只是嵌入了在服务器上生成的ruby​​代码的javascript,而不是在客户端javascript中进行任何DOM操作。当然,另一种方法是在客户端简单地执行所有操作,并且(例如)从服务器返回一个表示更新对象的JSON对象,并使用javascript执行所有DOM操作。我不喜欢第一种方法有两个原因:1)我在我的应用程序中使用HAML和Coffeescript,并且觉得通过使用vani

javascript - Angular JS : include partial HTML inside another ng-include

我使用的是用Yeoman创建的index.html,它看起来像这样:...现在,我知道我不能在另一个ng-include中使用ng-include,所以我什至没有尝试,但就是这样我想要实现的目标。我在我的ma​​in.html中使用ui.router作为嵌套View,但我不能这样做:一个天真的解决方案是删除第一个ng-include并在ma​​in.html中将其用于页眉、页脚和类似内容。所以,用你所拥有的来打我,但不要用那个!编辑:这是我想要的(但不能,因为我已经在ng-include中) 最佳答案 如果我对你的理解正确,那一切皆

javascript - 使用模块模式和实例化新对象之间的区别

我正在尝试重构一些javascript,但我对模块模式感到困惑。我现在的一种方法是简单地声明一个包含组件所有功能的类varFoo=function(){this.Bar={};...}并创建一个新实例以在组件中使用。但我也读过模块模式,我看不出与我所拥有的相比有什么好处,因为它似乎做的差不多,只是以更复杂的方式。也许我只是没有遇到让它成为更好选择的案例。例如,这样的模式:varmodule=(function(){//privatevariablesandfunctionsvarfoo='bar';//constructorvarmodule=function(){};//protot

javascript - mouseenter 更改 anchor 内的 HTML 后 mouseleave 未触发

我确定我忽略了一些东西,但在我替换触发mouseenter的anchor标记内的html后,我似乎无法触发“mouseleave”事件。在此处添加代码,但如果您访问下面的JSFiddle链接并将鼠标悬停在星形图标上,它实际上会简单得多。$(document).ready(function(){$(document).on('mouseenter','[id^=star-]',function(){$('[id^=star-]').html('');}).on('mouseleave','[id^=star-]',function(){$('[id^=star-]').html('');

javascript - 简单对象 vs. 工厂 vs. 构造函数——实例

在JavaScript中创建对象的三种方式:通过简单的对象创建通过工厂功能通过构造函数简单的对象创建:varronaldo={name:"Ronaldo",age:"35",quote:"HiIamRonaldo",salary:function(x){returnx+2500;}};工厂函数:functionhuman(x,y,z,i){return{name:x,age:y,quote:z,salary:function(i){returni+2500;}}};varZini=human('Zenidan','41','IamZidane',7500);构造函数:varhuman=

javascript - HTML 表单似乎正在提交 *both* POST 和 GET?

这不是this等问题的重复,而是相反:我有一个通过jQuery提交的表单$('',{action:'service',method:'post',target:'_blank'}).append($('',{type:'hidden',name:'payload',value:JSON.stringify(payload)})).appendTo('body').submit().remove();这样做是为了我可以用HTML打开不同的页面。由于我需要提交相当多的复杂信息,我实际做的是将它们全部序列化为一个大的JSON字符串,然后创建一个只有一个字段(“payload”)的表单并提交那